<%@ page pageEncoding="UTF-8" %>
<%@ include file="/WEB-INF/view/inc/taglibs.jsp"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title><s:text name="website"/>-<s:text name="label.title.index"/></title>
<%@ include file="/WEB-INF/view/inc/meta.jsp"%>
<meta name="keywords" content="<s:text name="label.site.keywords"/>" />
<meta name="description" content="<s:text name="label.site.description"/>" />

<link href="${ctx}/css/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">
	<%@ include file="/WEB-INF/view/inc/header.jsp"%>
	<div class="empty_panel1"></div>
	<div id="m" class="">
	
		<div id="new_products">
			<div class="t_img"><img src="${ctx}/images/new_product.jpg" width="342" height="25" /></div>
			<div class="empty_panel2"></div>
			<div id="new_products_panel" class="new_products_list">
				<ul class="product_list">
					<li>
						<div class="img_panel float_left">
							<div class="product_img_panel">
								<img src="${ctx}/products_photo/20100322_22ea9.jpg" width="125" height="125" border="0" />
							</div>
							<div class="download_img_panel">
								<a href="javascript:void(0)" target="_blank"><img src="${ctx}/images/pdf.gif" width="120" height="25" border="0" /></a>
							</div>
						</div>
						<div class="product_desc_panel float_left">
							<span class="product_name">58M Metal Sealed Pushbutton Switches</span>
							<p class="product_info">
								- Water-proof, IP 67<br/>
								- Stainless, Aluminum<br/>
								- Halo illumination<br/>
								- 22mm cut-out
							</p>
						</div>
					</li>
					<!-- 如果有多個新產品，複製上面li，黏貼在此處，然後改掉信息就可以了 -->
				</ul>
			</div>
		</div>
		
		<div id="products">
			<div class="t_img"><img src="${ctx}/images/product.jpg" width="342" height="25" /></div>
			<div class="empty_panel2"></div>
			<div id="products_panel">
				<ul class="show_list">
					<li>
						<p class="p_name">觸碰開關</p>
						<a href="javascript:void(0)">
							<img class="border_CCC" src="${ctx}/products_photo/btn1_off.jpg" alt="觸碰開關" height="110" width="110"/>
						</a>
					</li>
					<li>
						<p class="p_name">觸碰開關</p>
						<a href="javascript:void(0)">
							<img class="border_CCC" src="${ctx}/products_photo/btn1_off.jpg" alt="觸碰開關" height="110" width="110"/>
						</a>
					</li>
					<li>
						<p class="p_name">觸碰開關</p>
						<a href="javascript:void(0)">
							<img class="border_CCC" src="${ctx}/products_photo/btn1_off.jpg" alt="觸碰開關" height="110" width="110"/>
						</a>
					</li>
					<li>
						<p class="p_name">觸碰開關</p>
						<a href="javascript:void(0)">
							<img class="border_CCC" src="${ctx}/products_photo/btn1_off.jpg" alt="觸碰開關" height="110" width="110"/>
						</a>
					</li>
					<li>
						<p class="p_name">觸碰開關</p>
						<a href="javascript:void(0)">
							<img class="border_CCC" src="${ctx}/products_photo/btn1_off.jpg" alt="觸碰開關" height="110" width="110"/>
						</a>
					</li>
					<li>
						<p class="p_name">觸碰開關</p>
						<a href="javascript:void(0)">
							<img class="border_CCC" src="${ctx}/products_photo/btn1_off.jpg" alt="觸碰開關" height="110" width="110"/>
						</a>
					</li>
				</ul>
			</div>
		</div>
		
		<div id="m_footer">
			<div>
				<img src="${ctx}/images/001.jpg" width="950" height="34" />
			</div>
			<div class="back_img">
				<div class="news_panel float_left">
					<div class="top_news mg_lf1">
						<!-- 文字闪烁范例区块 -->
	                   	<span id="Span1" data-col="#FF0000">
	                    	<strong>ActiveMetal for parking system application</strong>
	                    	<a href="new_detail.php?N_ID=25" class="A_txt">more.....</a>
	                   	</span>
					</div>
					<p class="line mg_lf2"></p>
                   	<div class="bottom_news mg_lf3">
                   		<ul class="news_lst">
                   			<li>1.<a href="javascript:void(0)">Solid State Switches - Series 48 / 48M / 57M</a></li>
                   			<li>2.<a href="javascript:void(0)">Newsletter for Aerospace Solutions from ITW Switches</a></li>
                   		</ul>
                   	</div>
				</div>
				
				<div class="float_left">
					<div class="mg_lf1">
						<ul class="links">
							<c:if test="${!empty linkList}">
								<c:forEach var="link" items="${linkList}">
								<li><a href="${link.linkUrl}">${link.linkName}</a></li>
								</c:forEach>
							</c:if>
						</ul>
					</div>
				</div>
				<p class="clear_both"></p>
			</div>
		</div>
	</div>
	
	<%@ include file="/WEB-INF/view/inc/footer.jsp"%>
</div>

<script type="text/javascript" src="${ctx}/js/index/index.js"></script>
</body>
</html>
